<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>
<!DOCTYPE html>
<html>
<head>
    <title>添加比赛项目</title>
    <link rel="stylesheet" type="text/css" href="../css/addCompete.css">
    <link rel="stylesheet" href="//code.jquery.com/ui/1.13.2/themes/base/jquery-ui.css">
    <script src="https://code.jquery.com/jquery-3.6.0.js"></script>
    <script src="https://code.jquery.com/ui/1.13.2/jquery-ui.js"></script>
</head>
<body>
<h1 align="center">添加比赛项目</h1>
<hr><br>
<a href="/loginOut" class="link-style">注销</a>
<a href="/main.jsp" class="link-style">返回管理员首页</a>

<div class="container">
    <form action="addCompete" method="get">
        <div>
            <label for="comName">比赛名称:</label>
            <input type="text" id="comName" name="comName" required>
        </div>
        <div>
            <label for="comDesc">比赛描述:</label>
            <textarea id="comDesc" name="comDesc" rows="4" required></textarea>
        </div>
        <div>
            <label for="comStartTime">开始时间:</label>
            <input type="text" id="comStartTime" name="comStartTime" required>
        </div>
        <div>
            <label for="comEndTime">结束时间:</label>
            <input type="text" id="comEndTime" name="comEndTime" required>
        </div>
        <input type="submit" value="添加">
    </form>
</div>

<script>
    $(function() {
        $("#comStartTime").datepicker({
            dateFormat: "yy-mm-dd",
            changeMonth: true,
            changeYear: true,
            showButtonPanel: true
        });
        $("#comEndTime").datepicker({
            dateFormat: "yy-mm-dd",
            changeMonth: true,
            changeYear: true,
            showButtonPanel: true
        });
    });
</script>
</body>
</html>